@charset "utf-8";
/************************************************************************************/
/* 1. 태그 초기화
/* 2. TOP
/* 3. BODY
/* 4. FOOTER
/* 5. MEDIA QUERY
/************************************************************************************/
/****************************************************************/
/* 1. 태그 초기화
/****************************************************************/
html, body				{ padding:0; margin:0; }
html					{ height:100%; }
body					{ background-color:#fff; font-family:Dotum, "돋움", "돋움체"; font-size:12px; color:#666; min-height:100%; position:relative; -webkit-text-size-adjust:none; }
h1, h2, h3, h4, h5, h6	{ line-height:1; font-weight:bold; margin:20px 0 10px 0; }
h1, h2, h3				{ font-size:18px; }
h4, h5, h6				{ font-size:16px; }
p						{ margin:0 0 10px 0; }
ul, li, dl, dd, dt		{ padding:0; margin:0; list-style:none; }
nav:not(.mm-menu)		{ display:none; }
.header					{ background:#abc; font-size:16px; font-weight:bold; color:#fff; line-height:40px; box-sizing:border-box; width:100%; height:40px; padding:0 50px; text-align:center; }
.header a				{ background:center center no-repeat transparent;
	/* background-image:url(  ); */
	background-color:#f00; display:block; width:40px; height:40px; position:absolute; top:0; left:10px; 
}
.content						{ padding:150px 50px 50px 50px; }

#page							{ position:relative; width:100%; }
/****************************************************************/
/* 1. TOP
/****************************************************************/
#top_wrap						{ position:relative; width:100%; }
	.t_util1_wrap				{ position:relative; width:100%; height:25px; background-color:#5d6a72; }
		.t_util1_inner_wrap		{ position:relative; width:100%; max-width:939px; height:25px; margin:0 auto; }
			.t_util1_layout		{ float:right; }
				.t_util1_li		{ float:left; }
				.t_util1_a		{ display:block; color:#d3d3d3; text-decoration:none; font-family:Dotum, "돋움", "돋움체"; font-size:11px; height:25px; line-height:25px; padding:0 0 0 40px; }
				.t_util1_a1		{ background:url("/images/home/common/t_util1_icon1.png") no-repeat 27% 50%; }
				.t_util1_a2		{ background:url("/images/home/common/t_util1_icon2.png") no-repeat 27% 50%; }
				.t_util1_a3		{ background:url("/images/home/common/t_util1_icon3.png") no-repeat 27% 50%; }
				.t_util1_a4		{ background:url("/images/home/common/t_util1_icon4.png") no-repeat 27% 50%; }
				.t_util1_a5		{ background:url("/images/home/common/t_util1_icon5.png") no-repeat 27% 50%; }
				.t_util1_a:hover{ text-decoration:underline; }
	.t_util2_wrap				{ height:100px; background:url("/images/home/common/t_util2_back_pattern.gif") repeat-x center bottom; }
		.t_util2_inner_wrap		{ position:relative; width:100%; max-width:939px; margin:0 auto; }
			.t_util2_logo_wrap			{}
				.t_util2_logo_img		{}			
			.t_util2_gnb_wrap			{}
				nav						{}
					.t_util2_layout		{}
						.t_util2_li		{}
							.t_util2_a	{}

/****************************************************************/
/* 5. MEDIA QUERY
/****************************************************************/
/* width 360이하 모바일(갤럭시S2 대상) */
@media only screen and (min-width:0px) and (max-width:359px) {
	/* body	{ background-color:red; } */
}

/* 모바일(갤럭시노트급 대상) */
@media only screen and (min-width:0px) and (max-width:767px) {
	/* body	{ background-color:orange; } */
}

/* 테블릿() */
@media only screen and (min-width:768px) and (max-width:1023px) {
	/* body	{ background-color:yellow; } */
}

/* PC */
@media only screen and (min-width:1024px) {
	/* body	{ background-color:green; } */
}